$(document).ready(function(){
        // set easing
            jQuery.easing.def = "easeOutQuad";
    // initilise closed menus
    $("#navopen").slideUp(0);

    // open and close menu when clicking on trigger
    $("#headnav").toggle(
            function(){
                $("#navopen").slideDown(400,"easeOutBounce");
                },
            function(){
                $("#navopen").slideUp(700,"easeInOutExpo");
                }
            )
    });
